<html>
<head>
<title>jQuery Step 1 and 2</title>
<link type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />	
<script src="js/jquery-1.3.2.js"></script>
<style type="text/css">

.borderMe {border:thick;
		   border-style:solid;
		   width:200px;
		   margin:30px;
		   padding:6px;}
</style>
<script>
	$(document).ready(function() {
	
	  $('p').css('color', 'red');
	  
	  $('div.borderMe').click(function(){
		  $(this).slideUp('slow');
	  });
	});
</script>
</head>
<body>

	<div class="borderMe">
	    Text in this div with borderMe class.
	</div>

	<div>
	    Text in this div WITHOUT a class.
	</div>

    <p class="borderMe">
	    Text in this paragraph with borderMe class.
    </p>

</body>
</html>